<!--
 * @Author: Shber
 * @Date: 2024-07-01 15:49:30
 * @LastEditors: Shber
 * @LastEditTime: 2024-07-12 18:22:10
 * @Description: 
-->
<template>
<view class="content">
  <uni-easyinput :styles="{backgroundColor:'#eee', borderRadius: '40px'}" class="search_input" suffixIcon="search"  v-model="keyword" placeholder="请输入内容"></uni-easyinput>
  <view>
    <view class="sild_menu">
      <view v-for="item in 20"><text>绵绵冰清玉洁大奥特曼</text></view>
    </view>
    <view class="goods_list">
      <view class="goods_item">
        <image class="item_pic mr_10" mode="aspectFill" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg"></image>
        <view>
          <text>巧克力雪冰刨冰绵绵冰淇淋巧克力雪冰刨冰绵绵冰淇淋</text>
          <view class="operate">
            <text>¥ 24</text>
            
          </view>
        </view>
      </view>
    </view>
  </view>
</view>

</template>
<script setup>
  import { ref, reactive } from 'vue'
  const keyword = ref('')
</script>
<style lang="scss" scoped>
  :deep(.is-input-border){border-radius: 30px;}
  .sild_menu{background-color: #f8f8f9;}
</style>
<style>
page{background-color: #ffffff;}
</style>